// pages/detail-menu/index.js
import { rankingStore } from '../../store/index'
import { getMenuDetail } from '../../service/topMusic_api'
import { playerStore } from '../../store/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    info: '',
    type: 'rank',
    rankInfo: {}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const { info, type } = options 
    this.setData({ info, type })
    if (type === 'rank') {
      rankingStore.onState(info, res => {
        this.setData({ rankInfo: res })
      })
    } else {
      if (!info) return
      getMenuDetail(info).then(res => {
        this.setData({ rankInfo:  res.playlist})
      })
    }
  },
  // 处理事件
  handleSongItemClick: function(event) {
    const index = event.currentTarget.dataset.index
    playerStore.setState('playMusicIndex', index)
    playerStore.setState('playMusicList', this.data.rankInfo.tracks)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    if (this.data.type === "menu") return
    rankingStore.offState(this.data.info, res => {
      console.log(res);
    })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})